<template>
	<view class="box">
		<view class="title f30 bold">{{data.title}}</view>
		<view class="content f26" v-html="data.content.content"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',//
				data:'',
			}
		},
		onLoad(options) {
			if(options.id){
				this.id=options.id;
				this.getData()
			}
		},
		methods: {
			// 
			getData(){
				this.$request('article/detail/'+this.id, {}, 'GET').then(res => {
					 this.data=res.data
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.box{
		padding: 0 30rpx;
		.title{
			margin-top: 20rpx;
			line-height: 46rpx;
		}
		.content{
			margin-top: 30rpx;
			line-height: 46rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
